<template>
    <div id="comb_view">
        <div id="game_221" class="game_view">
            <div>
                <div class="cont-col3-bd">
                    <table class="u-table2 play_tab_88">
                        <thead>
                        <tr>
                            <th width="50%"> 种类
                            </th>
                            <th> 合肖
                                <span class="hide" id="lma_radios"><input type="radio" checked="checked"
                                                                          data-type="ZXBZ" name="zxbz" data-min="2"
                                                                          data-max="11" data-id="24448" data-odds="2.1"
                                                                          data-ids="24445|24446|24447|24448|24449|24450|24451|24452|24453|24454"
                                                                          data-oddss="5.6|3.7|2.8|2.1|1.97|1.6|1.4|1.2|1.12|1.05"></span>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="not-event"> 赔率
                            </td>
                            <td class="not-event"><span class="c-txt3" id="zxbz_odds">2.1</span></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="u-table2 mt10">
                        <thead>
                        <tr>
                            <th>生肖</th>
                            <th>号</th>
                            <th>勾选</th>
                            <th>生肖</th>
                            <th>号</th>
                            <th>勾选</th>
                        </tr>
                        </thead>
                        <tbody id="lma_checkbox">
                            <TrItem :key="i" v-for="(row,i) in list[0]" :row="row" :bet-number="betNumber" :show-checkbox="true" :show-amount="false" :show-bet="false"></TrItem>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import TrItem from "../components/TrItem";
    import {mapState} from "vuex";
    export default {
        name: "HeQiao",
        components:{TrItem},
        data(){
            return{
                list:[
                    [
                        [
                            {name:'鼠',number:['01','22','03','04','36'],selected:false,hovering:false},
                            {name:'马',number:['01','22','03','04','36'],selected:false,hovering:false}
                        ],
                        [
                            {name:'牛',number:['01','22','03','04','36'],selected:false,hovering:false},
                            {name:'羊',number:['01','22','03','04','36'],selected:false,hovering:false}
                        ],                    [
                            {name:'虎',number:['01','22','03','04','36'],selected:false,hovering:false},
                            {name:'猴',number:['01','22','03','04','36'],selected:false,hovering:false}
                        ],                    [
                            {name:'兔',number:['01','22','03','04','36'],selected:false,hovering:false},
                            {name:'鸡',number:['01','22','03','04','36'],selected:false,hovering:false}
                        ],                    [
                            {name:'龙',number:['01','22','03','04','36'],selected:false,hovering:false},
                            {name:'狗',number:['01','22','03','04','36'],selected:false,hovering:false}
                        ],                    [
                            {name:'蛇',number:['01','22','03','04','36'],selected:false,hovering:false},
                            {name:'猪',number:['01','22','03','04','36'],selected:false,hovering:false}
                        ],
                    ]
                ]
            }
        },
        computed:{
            ...mapState(['betNumber'])
        },
        watch:{
            betNumber(nVal){
                this.list.forEach((arr)=>{
                    arr.forEach((item)=>{
                        item.forEach((o)=>{
                            if (o.selected) {
                                o.amount = nVal
                            }
                        })
                    })
                })
                this.$forceUpdate()
            }
        },
        methods: {

        }
    }
</script>

<style scoped>

</style>